<template>
  <div class="">


  </div>
</template>

<script type="text/javascript">
// 字典接口
// export const ajaxGetDictItems = (code, params) => getActionBasic(`/basic-business/sys/dict/getDictItems/${code}`, params)
// import { ajaxGetDictItems } from '@/api/api'


// 状态修改
  // <template slot="status" slot-scope="text, record">
  //   <p-switch size="small"  v-model="record.status" @change="onSwitchChange(record)" />       
  // </template>

  // onSwitchChange(record){
  //   console.log(record);
  //   const params = {
  //     status: record.status ? 1 : 0,
  //     id: record.id,
  //   }
  //   putAction(this.url.edit, params).then( res => {
  //     if (res.success) {
  //       this.$message.success("修改状态成功!")
  //     } else {
  //       this.$message.error("修改状态失败!")
  //       record.status = !record.status
  //     }
  //   } )
  // },


// 日期格式 
// import { timestampToDatetime } from "@/utils/util";

    // customRender: (t, r, index) => {
    //   return timestampToDatetime(t)
    // },


// 数字字典
// import { getDictItemsArr } from "@/utils/util";

// <p-select v-model="form.manpowerClassifyKeys">
//   <p-select-option v-for="(item, key) in skillPropertyKeys" :key="key" :value="key">
//     {{item}}
//   </p-select-option>
// </p-select>

// 人力分类数字字典
// manpowerClassifyKeys: {},

// 获取数字字典
// getAjaxGetDictItems() {
//   const arr = [
//     { code: "mes_manpower_classify", key: "manpowerClassifyKeys" },
//   ];
//   getDictItemsArr(this, arr);
// },


// 请求
// import { postAction, getAction, deleteAction, putAction } from "@/api/manage";
  // const params = {
  // };
  // putAction(this.url.empAttendanceUpdate, params).then((res) => {
  //   if (res.success) {

  //   } else {
  //     this.$message.error(res.msg);
  //   }
  // });


// table 对应字段展示
    // {
    //   title: "请假类型",
    //   align: "center",
    //   dataIndex: "leaveType",
    //   scopedSlots: { customRender: "leaveType" },
    // },
  // <template slot="leaveType" slot-scope="text, record">
  // </template>


// 新增的对话框



// <template>
//   <div>
//     <p-button type="primary" @click="showModal">
//       Open Modal with async logic
//     </p-button>
//     <p-modal
//       title="Title"
//       :visible="visible"
//       :confirm-loading="confirmLoading"
//       @ok="handleOk"
//       @cancel="handleCancel"
//     >
//       <p>{{ ModalText }}</p>
//     </p-modal>
//   </div>
// </template>
// <script>
// export default {
//   data() {
//     return {
//       ModalText: 'Content of the modal',
//       visible: false,
//       confirmLoading: false,
//     };
//   },
//   methods: {
//     showModal() {
//       this.visible = true;
//     },
//     handleOk(e) {
//       this.ModalText = 'The modal will be closed after two seconds';
//       this.confirmLoading = true;
//       setTimeout(() => {
//         this.visible = false;
//         this.confirmLoading = false;
//       }, 2000);
//     },
//     handleCancel(e) {
//       console.log('Clicked cancel button');
//       this.visible = false;
//     },
//   },
// };
// </script>




// form 验证

this.$refs.ruleForm.validate( valid => {
  if( valid) {

  }
} )




// 车间线体 选择
  // <p-form-model-item ref="lineid" label="线体" prop="lineid">
  //   <p-select v-model="form.lineid" @change="lineChange">
  //     <p-select-option v-for="(item, index) in proLineList" :key="index" :value="item.id+''">
  //       {{item.wpname}}
  //     </p-select-option>
  //   </p-select>
  // </p-form-model-item>
  // <p-form-model-item ref="workroomname" label="车间" prop="workroomname">
  //   <p-input
  //     disabled
  //     v-model="form.workroomname"
  //   />
  // </p-form-model-item>


  data(){
    return {
      rules: {
        workroomname: [
          { required: true, message: "请输入车间", trigger: "blur" },
        ],
        lineid: [
          { required: true, message: "请选择线体", trigger: "blur" },
        ],
      },      
      proLineList: [],  

      url: {
        proLineList: '/basic-business/mesBaArchitecture/proLineList',  // 线体列表
      }      
    }
  }

  mounted() {
    this.getProLineList()
  },

  methods: { 

    // 获取线体列表
    getProLineList(){
      getAction(this.url.proLineList).then( res => {
        if(res.success) {
          this.proLineList = res.data
        }
      } )
    },

    // 选择线体
    lineChange(val){
      this.proLineList.forEach( ele => {
        if(val == ele.id) {
          this.form.workroomid = ele.fwpid
          this.form.workroomname = ele.fwpname
          this.form.workroomno = ele.fwpno
          this.form.linename = ele.wpname
          this.form.lineno = ele.wpno
        }
      } )
    },

  }


// 标题
// import RenderTitle from '@/components/renderTitle'

  // <RenderTitle :title="'中试工艺部'">
  // </RenderTitle>


// 时间选择器

  <p-date-picker
      format="YYYY-MM-DD"
      valueFormat="YYYY-MM-DD"
      placeholder="请选择结束时间"
      v-mode = "date"
    />


// 恢复初始值
  Object.assign(this.$data, this.$options.data())


// 关闭弹窗 
    closeModal(e) {
      this.visible = false;
      Object.assign(this.form, this.$options.data().form);
      this.$refs.ruleForm.resetFields()
    },

</script>



<style lang="less" scoped>
</style>






import { httpAction, putAction, getAction, api } from "@/api/manage";
    getRuleCodeValue() {
      let param = {
        // commonFormData: this.model,
        commonFormData: {},
        rules: [
          // { ruleCode: "mes_attendance_billno", columnName: "labelTemplateNo" },
          // { ruleCode: "srm_supplier_register_bill", columnName: "labelTemplateNo" },
          { ruleCode: "mes_send_a_single_number", columnName: "labelTemplateNo" },
          // { ruleCode: "mes_label_template_no", columnName: "labelTemplateNo" },
        ],
      };

      putAction(api.ruleBaseURL, param).then((res) => {
        // 执行成功，获取返回的值，并赋到页面上
        if (res.success) {
          console.log("生成的编码：" + res.data);
          const item = res.data;
          this.form.setFieldsValue(pick(item, Object.keys(item)));
        }
      });
    },




